<template>
	<el-dialog v-model="dialogVisible" title="积分明细" width="700px" >
		<el-form ref="addPonitForm" label-width="auto" class="demo-ruleForm">
			<el-form-item label="积分比例" prop="during">
				<div class="r-flex-row r-items-center r-justify-start">
					<span>缴费</span>
					<el-input style="width: 100px;"/>
					<span>可以获得</span>
					<el-input style="width: 100px;"/>
					<span>积分</span>
				</div>
			</el-form-item>
			<el-form-item label="积分规则" prop="desc">
				<el-input type="textarea" />
			</el-form-item>
		</el-form>
		<template #footer>
			<div class="dialog-footer">
				<el-button @click="dialogVisible = false">取消</el-button>
				<el-button type="primary" @click="dialogVisible = false">
					确认
				</el-button>
			</div>
		</template>
	</el-dialog>
</template>

<script lang="ts" setup>
	import { ref, reactive } from 'vue';
	const dialogVisible = ref(false);
	const addPonitForm = reactive({
		name: ''
	});
	const showModal = () => {
		dialogVisible.value = true;

	};
	defineExpose({
		showModal
	});

// const emits = defineEmits(['showModal'])
</script>
<style scoped>

</style>